/* FunChat 主题变量 */

/* 默认主题 (浅色) */
:root {
  /* 主题色 */
  --theme-primary: #3370ff; /* 飞书蓝 */
  --theme-primary-rgb: 51, 112, 255; /* RGB格式，用于透明度计算 */
  --theme-primary-hover: #1456f0;
  --theme-primary-active: #0e42c7;
  --theme-primary-light: #e8f3ff;
  --theme-success: #52c41a;
  --theme-warning: #faad14;
  --theme-error: #ff4d4f;
  --theme-info: #3370ff;

  /* 背景色 */
  --theme-bg-primary: #ffffff;
  --theme-bg-secondary: #f7f8fa;
  --theme-bg-tertiary: #f2f3f5;

  /* 文字颜色 */
  --theme-text-primary: #1f2329;
  --theme-text-secondary: #646a73;
  --theme-text-tertiary: #8f959e;

  /* 边框颜色 */
  --theme-border: #e5e6eb;
  --theme-border-light: #f2f3f5;

  /* 阴影 */
  --theme-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 深色主题 */
[data-theme='dark'] {
  /* 主题色 */
  --theme-primary: #4080ff;
  --theme-primary-rgb: 64, 128, 255; /* RGB格式，用于透明度计算 */
  --theme-primary-hover: #5a8cff;
  --theme-primary-active: #2970ff;
  --theme-primary-light: rgba(64, 128, 255, 0.15);
  --theme-success: #6abe39;
  --theme-warning: #ffc53d;
  --theme-error: #ff7875;
  --theme-info: #4080ff;

  /* 背景色 */
  --theme-bg-primary: #17181a;
  --theme-bg-secondary: #232324;
  --theme-bg-tertiary: #2b2b2c;

  /* 文字颜色 */
  --theme-text-primary: #e5e6eb;
  --theme-text-secondary: #a9aeb8;
  --theme-text-tertiary: #6c7078;

  /* 边框颜色 */
  --theme-border: #424243;
  --theme-border-light: #2b2b2c;

  /* 阴影 */
  --theme-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* 高对比度主题 */
[data-theme='high-contrast'] {
  /* 主题色 */
  --theme-primary: #0050ff;
  --theme-primary-rgb: 0, 80, 255; /* RGB格式，用于透明度计算 */
  --theme-primary-hover: #0040cc;
  --theme-primary-active: #003399;
  --theme-primary-light: rgba(0, 80, 255, 0.15);
  --theme-success: #008800;
  --theme-warning: #ff8800;
  --theme-error: #ff0000;
  --theme-info: #0050ff;

  /* 背景色 */
  --theme-bg-primary: #ffffff;
  --theme-bg-secondary: #f0f0f0;
  --theme-bg-tertiary: #e0e0e0;

  /* 文字颜色 */
  --theme-text-primary: #000000;
  --theme-text-secondary: #333333;
  --theme-text-tertiary: #666666;

  /* 边框颜色 */
  --theme-border: #000000;
  --theme-border-light: #666666;

  /* 阴影 */
  --theme-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
